<ion-header>
  <ion-toolbar color="primary">
  <ion-navbar>
    <ion-title>
      检验-货物扫描
    </ion-title>
  </ion-navbar>
    </ion-toolbar>
</ion-header>

<ion-content>
  <ion-card>
    <ion-card-content>
      <ion-card-title>
        请扫描货物二维码
      </ion-card-title>
      <!--<ion-row>
        <input value="" id="scanmateriel" col-12 type="text" placeholder="请将光标移至此处或点击开始扫描按钮" [(ngModel)]="qrcode"
               (ngModelChange)="infoChange($event)"
               onclick="javascript:document.querySelector('#scanmateriel').value=''">
      </ion-row>-->
      <ion-row>
        <!--APP-->
        <button col-12 ion-button full (click)="toScan()" id="scanmaterielbtn"><ion-icon name="barcode"></ion-icon>&nbsp;开始扫描</button>
        <!--<button ion-button full (click)="scan()"  id="scanmaterielbtn"
                onclick="javascript:document.querySelector('#scanmateriel').value=''">开始扫描
        </button>-->
      </ion-row>
    </ion-card-content>
  </ion-card>

  <ion-card  [hidden]="hideTag">
    <ion-card-content>
      <ion-card-title>
        货物详细信息
      </ion-card-title>
      <ion-row>
        <ion-col col-3 text-left>
          <h5>所属公司:</h5>
        </ion-col>
        <ion-col col-9 text-left>
          <h5>{{materiel.companyName}}</h5>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-3 text-left>
          <h5>所属项目:</h5>
        </ion-col>
        <ion-col col-9 text-left>
          <h5>{{materiel.projectName}}</h5>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-3 text-left>
          <h5>所属计划:</h5>
        </ion-col>
        <ion-col col-9 text-left>
          <h5>{{materiel.planCode}}</h5>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-3 text-left>
          <h5>计划描述:</h5>
        </ion-col>
        <ion-col col-9 text-left>
          <h5>{{materiel.planDesc}}</h5>
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-3 text-left>
          <h5>所属箱单:</h5>
        </ion-col>
        <ion-col col-9 text-left>
          <h5>{{materiel.packingListCode}}</h5>
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-3 text-left>
          <h5>货物名称:</h5>
        </ion-col>
        <ion-col col-9 text-left>
          <h5>{{materiel.materielName}}</h5>
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-3 text-left>
          <h5>货物编码:</h5>
        </ion-col>
        <ion-col col-9 text-left>
          <h5>{{materiel.materielCode}}</h5>
        </ion-col>
      </ion-row>

     <!-- <ion-row>
        <ion-col col-2 text-left>
          <h5>名称:</h5>
        </ion-col>
        <ion-col col-3.5 text-right>
          <h5>{{materiel.materielName}}</h5>
        </ion-col>
        <ion-col col-1><h4>丨</h4></ion-col>
        <ion-col col-2 text-left>
          <h5>编码:</h5>
        </ion-col>
        <ion-col col-3.5 text-right>
          <h5>{{materiel.materielCode}}</h5>
        </ion-col>
      </ion-row>-->

      <ion-row>
        <ion-col col-2 text-left>
          <h5>净重:</h5>
        </ion-col>
        <ion-col col-3.5 text-right>
          <h5>{{materiel.materielEmptyWeight}}kg</h5>
        </ion-col>
        <ion-col col-1><h4>丨</h4></ion-col>
        <ion-col col-2 text-left>
          <h5>毛重:</h5>
        </ion-col>
        <ion-col col-3.5 text-right>
          <h5>{{materiel.materielGrossWeight}}kg</h5>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-2 text-left>
          <h5>长:</h5>
        </ion-col>
        <ion-col col-3.5 text-right>
          <h5>{{materiel.materielLength}}cm</h5>
        </ion-col>
        <ion-col col-1><h4>丨</h4></ion-col>
        <ion-col col-2 text-left>
          <h5>宽:</h5>
        </ion-col>
        <ion-col col-3.5 text-right>
          <h5>{{materiel.materielWidth}}cm</h5>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-2 text-left>
          <h5>高:</h5>
        </ion-col>
        <ion-col col-3.5 text-right>
          <h5>{{materiel.materielHeight}}cm</h5>
        </ion-col>
        <ion-col col-1><h4>丨</h4></ion-col>
        <ion-col col-2 text-left>
          <h5>体积:</h5>
        </ion-col>
        <ion-col col-3.5 text-right>
          <h5>{{(materiel.materielLength*materiel.materielWidth*materiel.materielHeight)/1000000| number : '1.0-6'}}m³</h5>
        </ion-col>
      </ion-row>
    </ion-card-content>
  </ion-card>
</ion-content>

<ion-footer>
  <ion-row>
    <ion-col col-6>
      <button ion-button [disabled]="enableRule" full (click)="ruleAndPhoto()">打尺拍照</button>
    </ion-col>

    <ion-col col-6>
      <button ion-button full color="light" (click)="goBack()">返回</button>
    </ion-col>
  </ion-row>
</ion-footer>



